<%-- 
    Document   : Home
    Created on : Nov 1, 2012, 11:24:35 PM
    Author     : DOM
--%>
<%@page import="_1_Bean.LoginBean"%>
<%@page import="_1_Bean.UserProfileBean"%>


<jsp:useBean id="Account" type="_1_Bean.LoginBean" scope="session"/>
<jsp:useBean id="userProfile" type="_1_Bean.UserProfileBean" scope="request"/>


<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <link rel="Stylesheet" href="./templatemo_style.css" />
    </head>
    <body>
        <!--header -->
        <div id="templatemo_header_panel">
            <div id="templatemo_header_section">
                <div id="templatemo_title_section">
                    <a href="#" target="_parent">Website Blog</a></div>
                <div id="tagline">

                </div>
                <div id="Search">
                    <input type="radio" name="search" value="thissite" />this blog
                    <input type="radio" name="search" value="theweb" checked="checked" />
                    the web
                    <br />
                    <input type="text" name="q" size="30" id="searchfield" title="searchfield" />
                    <input type="submit" name="Search" value="Search" alt="Search" id="searchbutton"
                           title="Search" />
                </div>
            </div>
        </div>
        <!-- end of header -->
        <!-- start menu-->
        <div id="templatemo_menu_panel">
            <div id="templatemo_menu_section">
                <ul>
                    <li><a href="./AccLoadProfile" clas="current">Trang chủ của tôi</a></li>
                    <li><a href="./Post" target="_parent">Blog của tôi</a></li>
                    <li><a href="#" target="_parent">Bạn bè của tôi</a></li>
                    <li><a href="./AccChangePassword">Đổi mật khẩu</a></li>
                    <li><a href="./Login?logout=ok" class="last">Đăng xuất</a></li>
                </ul>
            </div>
        </div>
        <!-- end of menu -->
        <!-- start content -->
        <div id="templatemo_content">
            <div id="templatemo_content_column_one">
                <div class="column_one_section">
                    <h1>
                        Friends</h1>
                    <ul>
                        <li><a href="Home.jsp">Theboy </a></li>
                        <li><a href="#">TrollFace</a></li>
                        <li><a href="#">CaoHanh</a></li>
                        <li><a href="#">MotSach</a></li>
                    </ul>
                </div>
                <div class="cleaner_with_divider">
                    &nbsp;</div>
                <div class="column_one_section">
                    <h1>
                        Categories</h1>
                    <ul>
                        <li><a href="#">June 2048</a></li>
                        <li><a href="#">May 2048</a></li>
                        <li><a href="#">April 2048</a></li>
                        <li><a href="#">March 2048</a></li>
                        <li><a href="#">February 2048</a></li>
                        <li><a href="#">January 2048</a></li>
                        <li><a href="#">December 2023</a></li>
                        <li><a href="#">November 2023</a></li>
                        <li><a href="#">October 2023</a></li>
                        <li><a href="#">September 2023</a></li>
                    </ul>
                </div>
                <div class="cleaner_with_divider">
                    &nbsp;</div>
                <div class="column_one_section">
                    <h1>
                        Recent Post</h1>
                    <ul>
                        <li><a href="#">Hom nay nop do an!</a></li>
                        <li><a href="#">JAVA MVC</a></li>
                        <li><a href="#"> herher</a></li>
                        <li><a href="#">Chieu co don!</a></li>
                        <li><a href="#">Nang chang chan!</a></li>
                    </ul>
                </div>
                <div class="cleaner_with_divider">
                    &nbsp;</div>
                <div class="column_one_section">
                    <h1>
                        Recent Comment</h1>
                    <ul>
                        <li><a href="#" target="_parent">:D</a></li>
                        <li><a href="#" target="_parent">:)))))))))</a></li>
                        <li><a href="#" target="_parent">chang co gi!</a></li>
                        <li><a href="#" target="_blank">chan ge!</a></li>
                    </ul>
                </div>
            </div>
            <!-- end of column one -->
            <div id="templatemo_content_column_two">
                <div class="column_two_section">
                    Họ tên:${userProfile.name}<br/>
                    Nick name:${userProfile.nick}<br/>
                    Ngày sinh:${userProfile.birth}<br/>
                    Giới tính:<% if (userProfile.getSex()==1) out.print("Nam"); else out.print("Nữ");%><br/>
                    Email:${userProfile.email}<br/>
                    Số điện thoại:${userProfile.phone}<br/>
                    Ngày gia nhập:${userProfile.createdate}<br/>
                    
                </div>
            </div>
            <!-- end of column two -->
            <div id="templatemo_content_column_three">
                <div id="ad_section">
                    <h1>
                        ${Account.username} </h1>
                    <div class="ad_125x125_box">
                        <a href="#" target="_parent">
                            <img src="images/templatemo_ads.jpg" alt="ad 1" /></a>
                    </div>
                    <div style="vertical-align: bottom">
                        <a href="AccLoadProfile?edit=ok">View Profile</a>
                    </div>
                    <div class="cleaner">
                        &nbsp;</div>
                </div>
                <!-- end of ads section -->
                <div class="column_three_section">
                    <h1>
                        Bài viết nhiều người comment</h1>
                    <ul class="popular_post">
                        <li><a href="#">Cho tôi một vé về tuổi thơ</a><br />
                            Mattino001 - Oct 21, 2048 <span class="comment"><a href="#">(63)</a></span></li>
                        <li><a href="#">Mạng máy tính</a><br />
                            Mattino001 - Sep 15, 2048<span class="comment"><a href="#">(45)</a></span></li>
                        <li><a href="#">Đề thi giữa ki</a><br />
                            Theboy - Aug 21, 2048<span class="comment"><a href="#">(360)</a></span></li>
                        <li><a href="#">Ngày mai nghỉ học</a><br />
                            No name - July 19, 2048<span class="comment"><a href="#">(180)</a></span></li>
                        <li><a href="#">Tôi yêu em</a><br />
                            Trollface - May 16, 2048<span class="comment"><a href="#">(270)</a></span></li>
                    </ul>
                </div>
                <div class="cleaner_with_divider">
                    &nbsp;</div>
                <div class="column_three_section">
                    <h1>
                        Infomation about blog</h1>
                    <p>
                        Facebook không cho biết có bao nhiêu người được thử nghiệm chức năng này. Họ chỉ
                        tiết lộ đó là một nhóm nhỏ trong 166 triệu người dùng tại Mỹ. Tính năng Promote
                        cũng hạn chế với những người có dưới 5000 bạn và người đăng ký theo dõi.. <a href="#">
                            đọc thêm</a></p>
                </div>
            </div>
            <!-- end of column three -->
            <div class="cleaner">
                &nbsp;</div>
        </div>
        <div id="templatemo_bottom_panel">
            <div class="bottom_panel_section">
                <a href="#">Trang chủ</a> | <a href="#">Blog của tôi</a> | <a href="#">Bạn bè của tôi</a> | <a href="#">
                    Giới thiệu </a>|<a href="#">Liên hệ</a><br />
                <br />
                Copyright © 2012 <a href="#"><strong>Blog</strong></a> | <a href="#" target="_parent">
                    Blog</a> by <a href="#" target="_parent">Vũ Quốc Thiên An - Lê Công Danh</a></div>
            <div class="cleaner">
                &nbsp;</div>
        </div>
        <div align="center">
            JSP MVC</div>
    </body>
</html>
